import React, { useSatte, useRef, useEffect, Fragment } from "react";
import {
    IonContent,
    IonHeader,
    IonButton,
    IonPage,
    IonTitle,
    IonToolbar,
    IonList,
    IonLabel,
    IonListHeader,
    IonIcon
} from '@ionic/react';
import IndexBottomCom from '../../components/tabbar/indexBottom';
import MusicCom from "../../components/music/index";

import IndexStyle from "./index.module.scss";

const getMoveE = (p) => {
    // const dargView = useRef(), dargViewP = useRef();
    console.log(p);
    // useEffect(() => {
       
    //     let block = dargView.current;
    //     let oW, oH, MAXL = 99, MAXT = 99;
    //     block.addEventListener("touchstart", function (e) {
    //         let touches = e.touches[0];
    //         oW = touches.clientX - block.offsetLeft;
    //         oH = touches.clientY - block.offsetTop;
    //         document.addEventListener("touchmove", defaultEvent, false);
    //     }, false)

    //     block.addEventListener("touchmove", function (e) {
    //         let touches = e.touches[0];
    //         let oLeft = touches.clientX - oW;
    //         let oTop = touches.clientY - oH;
    //         if (oLeft < 0) {
    //             oLeft = 0;
    //         } else if (oLeft > document.documentElement.clientWidth - block.offsetWidth) {
    //             oLeft = (document.documentElement.clientWidth - block.offsetWidth);
    //         } else if (oLeft > MAXL || oLeft == MAXL) {
    //             oLeft = MAXL
    //         }
    //         console.log(oTop);
    //         if (oTop < 0) {
    //             oTop = 0;
    //         } else if (oTop > document.documentElement.clientHeight - block.offsetHeight) {
    //             oTop = (document.documentElement.clientHeight - block.offsetHeight);
    //         } else if (oTop > MAXT || oTop == MAXT) {
    //             oTop = MAXT;
    //         };
    //         console.log(oLeft);
    //         block.style.left = oLeft + "px";
    //         block.style.top = oTop + "px";
    //     }, false);

    //     block.addEventListener("touchend", function () {
    //         document.removeEventListener("touchmove", defaultEvent, false);
    //     }, false);

    //     function defaultEvent(e) {
    //         e.preventDefault();
    //     }
    // }, [])
    return (
        <Fragment>
            
        </Fragment>
    )
}

export default getMoveE;